import { useNavigate } from "react-router-dom"

function NotFound () {
  const navigate = useNavigate()
  // #region 变量声明
  const style: {
    display: 'flex'
    flexDirection: 'column'
  } = {
    display: 'flex',
    flexDirection: 'column'
  }
  // #endregion

  // #region 函数

  // #endregion

  // #region Hooks

  // #endregion

  return (
    <div className="not-found" style={ style }>
      页面不存在, 404
      <button onClick={ () => navigate('..', {
        replace: true
      }) }>返回</button>
    </div>
  )
}

export default NotFound
